<#import "_layout.html" as layout>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="utf-8">
	<title>法律咨询-律栗</title>
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="baidu-site-verification" content="codeva-mcy1QWF2qT" />
	<meta name="keywords" content="法律咨询、律师咨询">
	<meta name="description" content="律栗免费法律咨询平台为您提供婚姻家庭,经济纠纷,劳动纠纷,交通事故,刑事辩护,合同纠纷,拆迁安置,房产纠纷,知识产权,行政纠纷,医疗纠纷,涉外纠纷,公司事务等常用法律知识介绍，同时还有专业律师进行免费一对一法律咨询服务。我们致力于为全球范围内的用户提供一个寻找免费法律顾问的优质法律平台。">
	<link href="${ctx()}/amaze/css/amazeui.min.css" rel="stylesheet">
	<link href="${ctx()}/css/base.css" rel="stylesheet">
	<link href="${ctx()}/fullpage/examples.css" rel="stylesheet">
	<link href="${ctx()}/css/m.css" rel="stylesheet">
	<link href="${ctx()}/css/swiper.min.css" rel="stylesheet">
	<link href="${ctx()}/css/jquery.fancybox.css" rel="stylesheet">
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,700,800' rel='stylesheet' type='text/css'>
	<link rel="stylesheet" type="text/css" href="${ctx()}/fullpage/fullpage.css" />
	<script src="${ctx()}/js/jquery-3.6.0.min.js"></script>
	<script src="${ctx()}/amaze/js/amazeui.min.js"></script>
	<@layout.stat/>
	<!--[if IE]>
		<script type="text/javascript">
			 var console = { log: function() {} };
		</script>
	<![endif]-->
</head>
<body>

  <header>
    <div class="box">
        <div class="logo"><a href="/" target="_blank"><img src="${ctx()}/images/logo.png" alt="Fastcms"></a></div>
        <nav>
            <ul id="starlist">
                <li><a href="/">首页</a></li>
                <@menuTag>
                    <#if data?? &&(data?size>0)>
                        <#list data as item>
                            <li><a href="${item.url!}" target="${item.target!"_self"}">${item.menuName!}</a></li>
                        </#list>
                    </#if>
                </@menuTag>

            </ul>
            <div id="mnavh"><span class="navicon"></span></div>
        </nav>
        <div class="is-search" style="display: none"> <i></i> </div>
        <div class="search-page">
            <div class="search_box">
                <div class="go-left"></div>
                <div class="search">
                    <form action="/" method="get" name="searchform" id="searchform">
                        <input name="keyboard" id="keyboard" class="input_text" value="请输入关键字词" style="color: rgb(153, 153, 153);" onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}" onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
                        <input name="show" value="title" type="hidden">
                        <input name="tempid" value="1" type="hidden">
                        <input name="Submit" class="input_submit" value="搜索" type="submit">
                    </form>
                </div>
            </div>
        </div>
        <div class="logged">
            <!-- <i><img src="/e/data/images/nouserpic.gif"><span></span></i> -->
            <div class="user_bar">
                <ul>
                    <li><a href="/fastcms" target="_parent"><em><img src="${ctx()}/images/myh.png"></em>会员中心</a></li>
                    <!--<li><a href="javascript:void(0)" onclick="return confirm('确认要退出?');"><em><img src="${ctx()}/images/tc.png"></em>退出</a></li>-->
                </ul>
            </div>
        </div>
        <!-- <div class="user-login">
            <div class="btn_login">登录/注册</div>
        </div> -->
    </div>
</header>


<div id="fullpage">
	<div class="section section0">
		<div class="intro">
			<h1>您身边的法律专家</h1>
			<p>提供法律咨询服务</p>
      		<div class="consult"><a href="/p/q.html" class="btn">立即咨询</a></div>
		</div>
		<br>
	</div>
	<div class="section section1">
	    <div class="intro">
			<div><h1>平台介绍</h1></div>
			<div>
				<p>律栗法律咨询平台是一个集在线咨询、法律援助、律师推荐等功能于一体的平台，旨在为广大用户提供便捷、高效的法律服务。用户可以在平台上免费与律师进行深度沟通交流，获得专业的法律意见和建议。</p>
				<p>平台支持多种咨询方式，包括在线留言、电话咨询、网页咨询等，用户可以根据自己的需求选择合适的方式进行咨询。平台还提供了法律援助服务，为经济困难的用户提供免费的法律咨询和代理服务。</p>
				<p>平台还会根据用户的咨询记录和评价等信息，为用户推荐适合的律师。平台还采用了先进的技术手段，对律师的服务进行评估和筛选，确保用户能够得到优质的法律服务。</p>
				<p>律栗法律咨询平台为广大用户提供了一个高效、便捷、专业的法律服务平台，通过与律师的沟通交流，用户可以更好地维护自己的合法权益。</p>
		    </div>
		</div>
	</div>
	<div class="section section2">
		<div class="intro">
		<h1 style="display: inline;margin: 0 auto;font-size: 30px;">快速咨询</h1>
		</div>
		<div class="am-g">
		  <div class="am-u-lg-6 am-u-md-8 am-u-sm-centered">
		    <div  class="am-form">
		      <label>提问类型:</label>
		       <select id="categoryId">
		        	<option value="">不限</option>
		        	<#list categoryList as cate>
				     <option value="${cate.id}">${cate.title}</option>
					</#list>
		      </select>
		      <label>提问内容:</label>
		      <!-- <textarea class="" rows="5" id="content"></textarea> -->
		      <input type="text" name="" id="content" value="">
		      <label>联系方式:</label>
		      <input type="text" name="" id="mobile" value="">
		        <label>案件城市:</label>
		      <input type="text" name="" id="areaCode" value="">
		      <br>
		      <div class="am-cf">
		        <a class="btn" id="quesstion" href="javascript:void(0);">立即咨询</a>
		      </div>
		    </div>
		    
	    	
		  </div>
		  
		   <br>
		    <br>
		    
		    <div data-am-widget="tabs"
	       class="am-tabs am-tabs-default"
	        >
	      <ul class="am-tabs-nav am-cf">
	          <li class="am-active"><a href="[data-tab-panel-0]">最新回答</a></li>
	          <li><a href="[data-tab-panel-1]">问答类别</a></li>
	      </ul>
	      <div class="am-tabs-bd panel">
	          <div data-tab-panel-0 class="am-tab-panel am-active panel-body">
	            <#if articleVoPage??>
		    	    <#list articleVoPage.records as item>
			    		<a href="${item.url!}" target="_blank">${item.title}</a>
			    	</#list>
		    	</#if>
	          </div>
	          <div data-tab-panel-1 class="am-tab-panel panel-body">
		          <#if categories??>
			    	    <#list categories as item>
				    		<a href="${item.url!}" target="_blank">${item.title}</a>
				    	</#list>
			    	</#if>
	          </div>
	      </div>
	  </div>
		  
    	</div>
    	
    	<!--  <div class="panel">
	    	<div class="panel-header">最新回答</div>
	    	<div class="panel-body">
	    	   <#if articleVoPage??>
		    	    <#list articleVoPage.records as item>
			    		<a href="${item.url!}" target="_blank">${item.title}</a>
			    	</#list>
		    	</#if>
	    	</div>
    	</div> -->
    	
    	
    	
    	
    	<footer>
	    <div class="box">
	        <a href="/p/join.html">加入律栗</a><br>
	        <div>
	            Copyright © 2023 <a href="https://beian.miit.gov.cn/" target="_blank">沪ICP备2023008136号-1</a>
	        </div>
	    </div>
		</footer>
	</div>
	
	
	
</div>



<script>
$(function(){

	$("#quesstion").click(function(){
		var url="/u/q"
		var data={
				categoryId:$("#categoryId").val(),
				content:$("#content").val(),
				mobile:$("#mobile").val(),
				areaCode:$("#areaCode").val()
		}
		$.post(url,data,function(ret){
			if(ret.code==200){
				alert("提交成功");
			}else{
				alert(ret.message);
			}
		},"json");
	});
});
</script>

<script src="${ctx()}/js/comm.js"></script>
<script src="${ctx()}/js/jquery.fancybox.js"></script>
<script type="text/javascript" src="${ctx()}/fullpage/fullpage.js"></script>


<script type="text/javascript">
    var myFullpage = new fullpage('#fullpage', {
        //anchors: ['firstPage', 'secondPage', '3rdPage'],
        //sectionsColor: ['#C63D0F', '#1BBC9B', '#7E8F7C'],
        navigation: true,
        navigationPosition: 'right',
        //navigationTooltips: ['First page', 'Second page', 'Third and last page']
    });
</script>

</body>
</html>